{% extends "simgenex/base_simgenex.html" %}
{%block center%}
{% include "simgenex/addInstructionModal.html" %}

<div class="edit_form" >
    <h2 class="title">Add new procedure</h2>
    <form id="editProcedure" action="add" method="post" class="edit">
    {% csrf_token %}
            <div class="input_field" >
                <label>Name:</label>
                <span class="helptext">Enter name of procedure</span>
                <input type="text" name="name" />
            </div>
            
            <div id="instructions" class="input_field">
                <label>Instructions:</label>
                <span class="helptext">Specifying the instructions for this procedure</span>
                <a class="link-button" href="#instruction_form" id="addInstruction">Add Instruction</a>
                <ol id="instruction_list">
                </ol>
            </div>
            <div>
                <button type="submit" name="submit" > Submit</button>
            </div>
    </form>
</div>
{% endblock %}